{% load static %}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Python数值类型</title>
<style>
		html, body {
			height: 100%;
			margin: 0px;
			padding: 0px;
		}

		.div-a{ float:left;width:50%;height:100%;border:1px solid #F00;overflow-y:scroll}
		.div-b{ float:right;width:49%;height:100%;border:0px solid #000}


        div#butt	{
            height:50px;
            border-bottom: 0px solid #c5c5c5;
            background:#fff;
            }

        div#butt input {
            margin:10px 0 0 10px;
            background:blueviolet;
            color:#fff;
            width:150px;
            height:30px;
            font:14px Verdana, Arial, Helvetica, sans-serif;
            }

        form{

            height:45%;
            width:100%;
            margin-left:0px;
			border:0px solid #c5c5c5;
            }
		#CodeArea{
			height:100%;
            width:100%;
            margin-left:0px;
		}
        #TestCode{
            height:85%;
			width:99%;
            overflow:auto;
            border:1px solid #c5c5c5;
            font:14px "Courier New", Courier, monospace;
            }
        #CodeArea h2	{
            margin:10px 0 6px 5px;
            color:brown;
            font-size:14px;
            }

        #result	{
            height:48%;
            width:100%;
			margin-left:0px;
			border:0px solid red;
            }
		#output{
            width:99%;
            height:85%;
            overflow:auto;
            border:1px solid #c5c5c5;
            font:14px "Courier New", Courier, monospace;
            }

        #result h2	{
            margin:10px 0 6px 5px;
            color:brown;
            font-size:14px;
            }

</style>
<script src="{% static "common/jquery-1.8.2.js" %}" type="text/javascript"></script>
</head>
<body>
<div class="div-a">
    <li data-role="list-divider" data-theme="b">Python数值类型</li>
  <div id="" class="ui-body ui-body-a">
    <p>顾名思义，Python中的数字类型是用来储存数值的，在Python中，数值类型主要有4种，分别是：<br/>
--整型<br/>
--长整型<br/>
--浮点型<br/>
--复数型
</p><br/>
    <h3>整型(int)</h3>
    <p>
        整型通常也被成为整数，用来表示正或负的整数，不带小数点。<br/>
int表示的范围是 -2147483648到2147483647（-2^63到2^63-1）。<br/>
例如：0，-10，100等等。<br/>
示例:<br/>
我们将2147赋值给num1：<br/>
>>>num1=2147<br/>
使用type()函数可以查看数据的类型，下面我们用type()函数查看一下num1的类型：<br/>
>>>type(num1)<br/>
<type  'int'><br/>
可以看到num1为int类型。
     </p>

    <h3>长整型(Long)</h3>
    <p>
        长整形用来表示无限大小的整数，整数最后是一个大写L或小写l。<br/>
Long的范围很大，几乎可以说任意大的整数均可以存储。<br/>
为了区分普通整数和长整数，需要在整数后面加大写L或小写例如：1234L, -ox2233L<br/>
示例：<br/>
>>>num2=1234L<br/>
>>>type(num2)<br/>
<type  'long'>  <br/>

>>>num3=9999999999999999999999<br/>
>>>type(num3)<br/>
<type  'long'><br/>
     </p>

      </p>

    <h3>浮点型(float)</h3>
    <p>
        浮点型由整数和小数部分组成，也可以使用科学计数法表示。<br/>
例如 0.0，10.1，-5.6,1e+2等<br/>
示例:<br/>
>>>num4=0.0<br/>
>>>type(num4)<br/>
<type  'float'><br/>

>>>num5=12<br/>
>>>type(num5)<br/>
<type  'int'><br/>

>>>num5=12.0<br/>
>>>type(num5)<br/>
<type  'float'><br/>

     </p>
  </div>

</div>
<div class="div-b">
	<form action="#" method="post" id="tryitform" name="tryitform" onSubmit="validateForm();" target="i" id="form-a">
		<div id="CodeArea">
		<h2>编辑您的代码：</h2>
		<textarea id="TestCode" wrap="logical">
#!/usr/bin/python
# -*- coding: utf-8 -*-
#---------整型---------------
num1=2147
print type(num1)
#---------长整型---------------
num2=1234L
print type(num2)

num3=9999999999999999999999
print type(num3)
#---------浮点型---------------
num4=0.0
print type(num4)
num5=12
print type(num5)
num5=12.0
print type(num5)

		</textarea>
		</div>
		<input type="hidden" id="code" name="code"  />

	</form>
<div id="butt">
		<input type="button" value="提交代码" onClick="submitTryit()" id="submit">
		</div>
	<div id="result">
		<h2>查看结果:</h2>
		<textarea id="output" wrap="logical"></textarea>
	</div>
</div>
<script type="text/javascript">
	function submitTryit()
	{

	    var t=document.getElementById("TestCode").value;

	    document.getElementById("code").value=t;

	    validateForm();
        $.ajax({
         type:"GET",
         url:"/moon/codeHandler",
         data:{"code":t},
         success:function(ret){
            $('#output').html(ret.result)
            }
        })

	}

	function validateForm()
	{
	var code=document.getElementById("code").value;
	if (code.length>5000)
		{
		document.getElementById("code").value="<h1>Error</h1>";
		}
	}
</script>
</body>
</html>
